<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <title>主页</title>

    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/index.css">
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!--[if lt IE 10]>
    <script src="js/assets/es5-shim.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <!-- 头部 -->
  <div class="content ">
       <div class="home_header">
           <ul class="home_header_log">
             <li><a href="javascript:(void);"><img src="img/logo.png"/></li>
             <li><a href="javascript:(void);"><a>首页</a></li>
             <li><a href="javascript:(void);">课程列表</a></li>
             <li><a href="javascript:(void);">授课名师</a></li>
             <li><a href="javascript:(void);">关于我们</a></li>
           </ul>
           <ol class="home_header_loging">
             <li><a href="javascript:(void);">登录</a></li>
             <li><a href="javascript:(void);">注册</a></li>
           </ol>
       </div>
     </div>
  <div class="courselist">
    <div class="nav" style="">
      <ul>
        <li><a herf="courselist.html">课程列表</a><span>/</span></li> <li><a >课程详情</a></li>

      </ul>
    </div>
    <div class="title">
      <!-- <dl>
        <dt><img src="img/student.png"/></dt>
        <dd>
          <h4>趣味少儿英语故事</h4>
          <span class="share">分享</span>
          <p class="title_coursetime"><h5>课时：</h5><span>30分钟</span></p>
          <p class="title_teacher" ><h5>主讲教师：</h5><span>王中、李林、Adelina</span></p>
          <p class="title_money" style="margin-top:43px;"><h5>价格：</h5><span class="money">￥155.00</span></p>
          <button>立即购买</button>
        </dd>
      </dl> -->
    </div>
    <div class="course_content">
      <div class="course">
         <ul class="course_nav" id="course_nav" style="border-bottom:1px solid #d8d8d8">
           <li class="hover"><a >课程概览</a></li>
           <li><a >课时列表</a></li>
         </ul>
         <div class="contair">
           <div class="course_overview ">
               <div class="course_overview_right">
                 <h5>课程介绍</h5>
                 <p class="course_overview_right_p1">《100个儿童英语故事阅读》供孩子们学习，更多100个儿童英语故事阅读文章，少儿英语故事下载，英语幽默，更多100个儿童英语故事阅读文章，少儿英语故事下载，英语幽默更多100个儿童英语故事阅读文章，少儿英语故事下载，英语幽默更多100个儿童英语故事阅读文章，少儿英语故事下载，英语幽默更多100个儿童英语故事阅</p>
                 <p>故事一：金鱼公主</p>
                 <p>故事一：金鱼公主</p>
                 <p>故事一：金鱼公主</p>
                 <p>故事一：金鱼公主</p>
                 <p>故事一：金鱼公主</p>
                 <p>故事一：金鱼公主</p>
                 <div  class="course_objectives">
                    <h5>课程目标</h5>
                   <ul>
                      <li>提高孩子对英语德兴趣</li>
                      <li>提高孩子对英语德兴趣</li>
                      <li>提高孩子对英语德兴趣</li>
                   </ul>
                 </div>
                <div class="course_objectives">
                  <h5>适合人群</h5>
                  <p>2岁以上儿童</p>
                  <p>教育工作者</p>
                </div>
              </div>
              </div>
           <div class="course_list" style="display:none">
                 <div class="course_list_list">
                  <!-- <div><h5>第一章</h5><span>童话篇</span></div>　 -->
                  <ul id="course_ul">
                     <!-- <li><a href="javascri pt:(void);">故事一：金鱼故事</a><span><i>2017-06-02</i><a>试听</a></span></li>
                     <li><a href="javascript:(void);">故事一：金鱼故事</a><span><i>2017-06-02</i><a>回放</a></span</li>
                     <li><a href="javascript:(void);">故事一：金鱼故事</a><span><i>2017-06-02</i><a>回放</a></span</li>
                     <li><a href="javascript:(void);">故事一：金鱼故事</a><span><i>2017-06-02</i><a>回放</a></span</li>
                     <li><a href="javascript:(void);">故事一：金鱼故事</a><span><i>2017-06-02</i><a>回放</a></span</li>
                     <li><a href="javascript:(void);">故事一：金鱼故事</a><span><i>2017-06-02</i><a>回放</a></span</li>
                     <li><a href="javascript:(void);">故事一：金鱼故事</a><span><i>2017-06-02</i><a>直播</a></span</li>
                     <li><a href="javascript:(void);">故事一：金鱼故事</a><span><i>2017-06-02</i><a>试听</a></span</li>
                     <li><a href="javascript:(void);">故事一：金鱼故事</a><span><i>2017-06-02</i><a>试听</a></span</li>
                     <li><a href="javascript:(void);">故事一：金鱼故事</a><span><i>2017-06-02</i><a>试听</a></span</li>
                     <li><a href="javascript:(void);">故事一：金鱼故事</a><span><i>2017-06-02</i><a>试听</a></span</li> -->
                  </ul>
                </div>
             </div>
         </div>
      </div>
       <div class="instructor">
         <h5 class="course_nav" style="border-bottom:1px solid #d8d8d8">授课老师</h5>
         <dl class="the_teacher">
           <!-- <dt><img  src="img/teacher.png/>"</dt>
           <dd>
             <h5>Andy</h5>
             <p>简介：毕业于英国剑桥大学教育心理学专业.....</p>
           </dd> -->
         </dl>
       </div>
     </div>
  </div>
  <!-- 页脚 -->
  <div class="home_footer" style="clear:both;">
   <h4>关于我们</h4>
   <p><img src="img/adress.png"/>地址：北京市海淀区苏州街29创新社 100018</p>
   <p><img src="img/email.png"/>邮箱：contact@eeoa.com</p>
   <p class="home_footer_p3" style="color: #8f9092;margin-top:10px">Copyright © 2014 EEOA - All rights reserved.京ICP备15010553号. 京公网安备1100802017685</p>

  </div>



    <script src="js/dist/base.js" charset="utf-8"></script>
    <script src="js/dist/widgets/course_dateils.js" charset="utf-8"></script>
  </body>
</html>
